<template>
	<view class="">
		<view class="flex align-center justify-between bg-white">
			<u-image src="../static/seckill.png" width="150rpx" height="40rpx"></u-image>
			<view class="flex-1 flex align-center justify-between u-m-l-20">
				<view class="flex flex-column">
					<text class="u-font-30 text-danger font-weight-bold">¥{{priceInfo.price}}</text>
					<text class="font-sm text-greey text-through">市场价¥{{priceInfo.line_price}}</text>
				</view>
				<view class="flex flex-column align-center u-p-l-30 border-left">
					<text class="u-p-b-10 u-font-24" style="color: #fe9500;">距离结束还剩:</text>
					<u-count-down bgColor="#fe9500" color="#fff" fontSize="20" :timestamp="priceInfo.endTime"></u-count-down>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "seckill-detail-price",
		props: {
			priceInfo: {
				type: Object,
				default() {
					return {}
				}
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-countdown-item[data-v-7ebf7480] {
		padding: 5rpx 10rpx;
	}
</style>
